a{background-color:transparent;text-decoration:none;color:#ff9d00;cursor:pointer}
a:hover{outline:0;text-decoration:underline;color:#ff8a00}
ul,li,ol{list-style:none;padding:0;margin:0}
img{border:0;vertical-align:middle}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}

input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}

.clearfix{*zoom:1}
.clearfix:after{content:'';clear:both;height:0;display:block;overflow:hidden}
.zy-header{height:68px;background-color:#fff;position:relative;z-index:90}
.header-wrap-zy{width:1120px;height:68px;margin:0 auto;_overflow:hidden;position:relative;z-index:2}
.zy-header .shadow{position:absolute;left:0;bottom:-2px;right:0;width:100%;height:2px;border-top:1px solid #d6d6d6;background-color:rgba(0,0,0,.06);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#11000000',endColorstr='#11000000');overflow:hidden}


.head-logo-zy{float:left;padding:16px 0 13px;width:136px;height:39px}
.head-logo-zy .zy-logo{display:block;height:39px;background:url(https://css.mafengwo.net/images/header-sprites15.png) no-repeat 0 0;position:relative}
.head-nav-zy{float:left;display:inline;padding:0 10px 0 25px;line-height:68px;font-size:16px;color:#333}
.head-nav-zy li{float:left}
.head-nav-zy li a{display:inline-block;padding:0 16px;color:#333;vertical-align:top;overflow:hidden}
.head-nav-zy li a:hover,.head-nav-zy .head-nav-hover a{text-decoration:none;color:#ff9d00;height:65px;border-bottom:3px solid #ff9d00}
.head-nav-zy .head-nav-active a{background-color:#ff9d00;color:#fff!important;text-decoration:none}
.login-info{float:right}
.login-info a{color:#666;font-size:14px}
.login-info a:hover,.login-info .drop-trigger-active{color:#ff9d00}
.head-user-zy{float:right}
.head-user-zy .user-image{float:left;margin-top:15px;width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid #fff}
.head-user-zy a:hover .user-image,.head-user .drop-trigger-active .user-image{border-color:#ff9d00}


.head-search-zy{float:left;width:130px;height:68px;position:relative}
.head-search-wrapper-zy{position:absolute;right:0;top:0;width:130px;padding:16px 8px 15px;height:36px;background-color:#fff;border-bottom:1px solid #d6d6d6;-webkit-transition:width .5s ease 0s;transition:width .5s ease 0s}
.head-searchform-zy{height:36px;position:relative}
.head-searchform-zy input{border:1px solid #efefef;background-color:#efefef;width:108px;height:34px;padding:0 10px;line-height:34px;font-size:14px;color:#666;border-radius:4px;-webkit-transition:width .5s ease 0s;transition:width .5s ease 0s}
.head-searchform-zy input:focus{border-color:#ff9d00;box-shadow:0 0 3px rgba(255,157,0,.5);background-color:#fff}
.head-search-zy .icon-search-zy{position:absolute;top:8px;right:8px;width:20px;height:20px;background-image:url(https://css.mafengwo.net/images/header-sprites15.png);background-position:-30px -110px!important;overflow:hidden}

.more_notes .btn_write_zy {
    display: block;
    width: 140px;
    height: 40px;
    border-radius: 4px;
    background-color: #ff9e00;
    position: absolute;
    right: 30px;
    top: 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}


/* user setting --start-- */
.wrapper{ width:1000px; margin:0 auto; padding:25px 0; font-size:14px; color:#666;}
.aside{ width:220px; float:left;}
.content{ width:740px;min-height:480px; float:right; background: #fff;}

.cssradio {position: relative;cursor: pointer;display: inline-block;vertical-align: middle;width: 18px;height: 18px;line-height: 18px;}
.cssradio input[type=radio] {position: absolute;opacity: 0;margin: 0;width: 16px;height: 16px;top: 1px; left: 1px;}
.cssradio span {position: relative;display: inline-block;width: 16px;height: 16px;border-radius: 100%;background: #fff;border: 1px solid #ffa800;}
.cssradio span:after {content: "";position: absolute;top: 2px;right: 2px;bottom: 2px;left: 2px;border-radius: 100%;background-color: #fff;opacity: 0;-webkit-transition: all .15s ease-out;transition: all .15s ease-out;-webkit-transform: scale(.5);transform: scale(.5);}
.cssradio input:checked + span:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);background-color: #ffa800;}

.alert {padding: 15px 35px 15px 15px;color: #fff;border: 1px solid transparent;margin-bottom: 20px;border-radius: 3px;}
.alert .close {float: right;font-size: 12px;font-weight: bold;line-height: 1;cursor: pointer;position: relative;top: -8px;right: -22px;color: #000;opacity: .25;background: 0 0;border: 0;padding: 0;}
.alert .close:hover {opacity: .5;}
.alert-success {border-color: #d6e9c6;background-color: #dff0d8;color: #468847;}
.alert-error {border-color: #eed3d7;background-color: #f2dede;color: #b94a48;}
.alert-notice {border-color: #faebcc;background-color: #fcf8e3;color: #8a6d3b;}

/* Aside */
.aside a{ display:block; line-height:46px; font-size:14px; color:#666; border-radius:3px; margin-bottom:8px;position: relative;overflow: hidden;}
.aside a:hover{ background-color:#f0f0f0; text-decoration: none;}
.aside a.on{ background-color:#ffa800; color:#fff;}
.aside a.on:hover{ text-decoration:none;}
.aside a span.ripple{display: block;position: absolute;background: rgba(102,102,102,.3);border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);width: 201px;height: 201px;}
.aside a span.ripple.animate{-webkit-animation: ripple 1s ease-out;animation: ripple 1s ease-out;}
.aside i{ width:22px; height:22px; display:inline-block; background:url(https://css.mafengwo.net/images/isettings/i_left4.png) no-repeat; margin:0 10px 0 24px; vertical-align:middle;}
.aside .i1{ background-position:0 0;}
.aside a.on .i1{ background-position:-22px 0;}
.aside .i2{ background-position:0 -22px;}
.aside a.on .i2{ background-position:-22px -22px;}
.aside .i3{ background-position:0 -44px;}
.aside a.on .i3{ background-position:-22px -44px;}
.aside .i4{ background-position:0 -66px;}
.aside a.on .i4{ background-position:-22px -66px;}
.aside .i5{ background-position:0 -88px;}
.aside a.on .i5{ background-position:-22px -88px;}
.aside .i6{ background-position:0 -110px;}
.aside a.on .i6{ background-position:-22px -110px;}
.aside .i7{ background-position:0 -132px;}
.aside a.on .i7{ background-position:-22px -132px;}
.aside .i8{ background-position:0 -154px;}
.aside a.on .i8{ background-position:-22px -154px;}
.aside .i9{ background-position:0 -176px;}
.aside a.on .i9{ background-position:-22px -176px;}
.aside .i10{ background-position:0 -198px;}
.aside a.on .i10{ background-position:-22px -198px;}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(3)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }
}

/* Content */
.content .hd{ padding-bottom:18px; margin:0 0 20px 0; *position:relative; border-bottom: 1px solid #eee;}
.content .hd strong{ font-size:24px; color:#444; font-weight:normal;}
.content .hd span{ margin-left:18px; font-size:14px; color:#999;}
.content .hd .progress{ width:110px; height:16px; display:inline-block; background-color:#bddf7d; margin-left:8px; position:relative; vertical-align:middle; *position:absolute; *left:200px; *top:10px;}
.content .hd .progress .on{ background-color:#add75c; height:16px;}
.content .hd .progress .num{ font-size:12px; color:#fff; position:absolute; right:3px; line-height:16px;}
.content dl{ clear:both; padding-bottom:15px;}
.content dt{ width:85px; float:left; padding:6px 10px 0 0; text-align:right; color: #a1a1a1;font-size: 16px;}
.content dd{ width:490px; float:left;}
.content dd label{padding-right: 20px; line-height: 32px; float: left; cursor: pointer;}
.content dd label .cssradio{float: left;margin: 6px 6px 0 0;}
.content dd input[type=text],.content dd input[type=password]{ width:208px; border:1px solid #d3d3d3; height:18px; padding:6px 8px; line-height:18px; font-size:14px; color:#999; outline:none; transition:box-shadow 0.25s linear 0s;border-radius: 3px;}
.content dd input[type=text]:focus,.content dd input[type=password]:focus{ border:1px solid #ffa800; transition:box-shadow 0.25s linear 0s; box-shadow:0 0 5px #ffa200;}
.content i.radio{ width:18px; height:19px; display:inline-block; background:url(https://css.mafengwo.net/images/isettings/i_btns4.png) -36px 0 no-repeat; float: left;}
.content i.radio.on{ background-position:-54px 0;}
.content i.checkbox{ width:18px; height:19px; display:inline-block; background:url(https://css.mafengwo.net/images/isettings/i_btns4.png) 0 0 no-repeat; vertical-align:middle; margin-right:10px; cursor:pointer;}
.content i.checkbox.on{ background-position:-18px 0;}
.content .input-group {position: relative;}
.content .input-group .input-suggest {position: absolute;z-index: 99;width: 218px;border: 1px solid #dfdede;background: #fff;line-height: 24px;font-size: 12px;left: 3px;top: 31px;display: none;}
.content .input-group .input-suggest li a {padding: 5px 7px;display: block; height: 24px;color: #999;overflow: hidden;}
.content .input-group .input-suggest li a:hover {background: #efefef;text-decoration: none;color: #ffa800;}
.content .input-group .input-suggest i {float: left;margin-right: 9px;width: 24px;height: 24px;background: url(https://css.mafengwo.net/images/suggest-sprite5.png) no-repeat;overflow: hidden;}
.content .input-group .input-suggest i.place {background-position: 0 0;}
.content .input-group .input-suggest em {padding-left: 10px;font-style: normal;}
.content dl.error dt{color: #ff3c00;}
.content dl.error dd input[type=text]{border-color: #ff3c00;}
.content dl.error dd label{color: #ff3c00;}

/* UserInfo */
.userinfo dd i.radio{ margin: 6px 6px 0 0;}
.userinfo dd i.m_l_15{ margin-left:15px;}
.userinfo dd textarea{ width:472px; height:110px; border:1px solid #d3d3d3; padding:6px 8px; line-height:1.6em; font-size:14px; color:#999; outline:none; transition:box-shadow 0.25s linear 0s;border-radius: 3px; resize:none;}
.userinfo dd textarea:focus{ border:1px solid #ffa800; transition:box-shadow 0.25s linear 0s; box-shadow:0 0 5px #ffa200;}
.userinfo dd a{ color:#ffa800;}
.userinfo dd #add-address{ padding-top:8px; display:none;}
.userinfo dd.item-list{ position:relative;}
.userinfo dd.item-list i{ width:24px; height:26px; display:block; background:url(https://css.mafengwo.net/images/isettings/i_btns4.png) -114px 7px no-repeat; position:absolute; top:1px; }
.userinfo dd.item-list i.on{ background-position:-90px 4px;}
.userinfo dd.item-list i.citys{ left:88px;}
.userinfo dd.item-list i.dists{ left:262px;}
.userinfo dd.item-list i.countys{ left:440px;}
.userinfo dd.item-list .citys-li{ width:111px; border:1px solid #ffc65a; background-color:#fff; position:absolute; top:27px; left:0; z-index:2; max-height:168px; overflow:hidden; overflow-y:auto; display:none;}
.userinfo dd.item-list .dists-li{ width:160px; border:1px solid #ffc65a; background-color:#fff; position:absolute; top:27px; left:127px; z-index:2; max-height:168px; overflow:hidden; overflow-y:auto; display:none;}
.userinfo dd.item-list .countys-li{ width:160px; border:1px solid #ffc65a; background-color:#fff; position:absolute; top:27px; left:305px; z-index:2; max-height:168px; overflow:hidden; overflow-y:auto; display:none;}
.userinfo dd.item-list .citys-li a,.userinfo dd.item-list .dists-li a,.userinfo dd.item-list .countys-li a{ font-size:12px; color:#666; line-height:28px; display:block; padding-left:10px;}
.userinfo dd.item-list .citys-li a:hover,.userinfo dd.item-list .dists-li a:hover,.userinfo dd.item-list .countys-li a:hover{ background-color:#efefef; text-decoration:none;}
.userinfo dd.item-info{ display:inline-block; width:88px; text-align:left; font-size:14px; vertical-align:top; padding-top:4px; float:left;}
.userinfo dd .textarea-address{ width:268px;}
.userinfo .tips{ font-size:12px; color:#999; line-height:1.8em; background-color:#f6f6f6; width:345px;padding:15px 20px;}
.userinfo .tips .title{ font-size:14px; color:#999; padding-bottom:5px;}
.userinfo .tips .title b{ color:#ffa800; font-weight:normal; font-size:12px; vertical-align: text-top;}
.userinfo .set-first{ padding:10px 0 0; font-size:12px;}
.userinfo .set-first .radio{margin-top:0;}
.userinfo .btn-sub{ padding:10px 0;width: 490px;float: right;}
.userinfo .btn-sub button{ width:112px; height:36px; display:block; line-height:36px; background-color:#ffa800; text-align:center; font-size:16px; color:#fff; border:none; border-radius:5px; cursor:pointer;}
.userinfo .btn-sub button:hover{ background-color:#ff8a00;}
.userinfo .btn-sub{ padding:10px 0;}
.userinfo .btn-sub a{width:92px; height:36px; display:inline-block; line-height:36px; text-align:center; font-size:16px; color:#fff; border-radius:5px;}
.userinfo .btn-sub a:hover{ text-decoration:none;}
.userinfo .btn-sub a.btn1{ background-color:#ffa800; margin-left:20px;}
.userinfo .btn-sub a.btn1:hover{ background-color:#ff8a00;}
.userinfo .btn-sub a.btn2{ background-color:#eee; color:#999;}
.userinfo .btn-sub a.btn2:hover{ background-color:#ff8a00; color:#fff;}
.address{ padding:10px 0 40px;}
.address li{ width:630px; position:relative; padding:10px 20px; background-color:#fff; border:1px solid #ccc \9; box-shadow:0px 1px 6px #CCC; border-radius:5px; margin-bottom:18px;}
.address li.title{ font-size:14px; color:#999; line-height:2em; box-shadow:none; padding:0 0 6px 0; margin:0; border:none;}
.address .dt{ float:left; width: 72px; font-size:14px; color:#999; line-height:2em; text-align: right; display: table-cell;}
.address .dd{ float:left; font-size:14px; color:#666; line-height:2em; display: table-cell;}
.address .i-first{ position:absolute; top:16px; right:20px; font-size:12px; color:#ffa800; border:1px solid #ffa800; padding:0 10px; line-height:20px; border-radius:3px;}
.address .btns{ position:absolute; bottom:16px; right:20px; font-size:12px; color:#ffa800;}
.address .btns a{ font-size:12px; color:#ffa800;}
.userinfo dd.myaddress .address{padding: 0;}
.userinfo dd.myaddress .address li{ width: 448px;background: #fafafa;box-shadow: none;border: 1px solid #d3d3d3;border-radius: 3px;margin: 0;}
.userinfo dl.error dd textarea {border-color: #ff3c00;}


/* UserLogo */
.userlogo .hd{ padding-bottom:6px; border-bottom:2px solid #efefef;}
.userlogo .avatar{ width:120px; height:120px; padding:30px 0 20px; position:relative;}
.userlogo .avatar .progress{ width:120px; height:120px; background-color:#000; background-color:rgba(0,0,0,.6); position:absolute; bottom:20px; left:0;}
.userlogo .avatar .progress .bar{ width:120px; height:16px; display:block; background-color:#95b44b; position:absolute; bottom:0; left:0;}
.userlogo .avatar .progress .on{ background-color:#add75c; height:16px;}
.userlogo .avatar .progress .num{ font-size:12px; color:#fff; position:absolute; right:3px; line-height:16px;}
.userlogo .btn-sub{ position:relative; font-size:12px; margin-bottom: 10px;}
.userlogo .btn-sub .btn-upload{ position:absolute; top:0; left:0; border:none; opacity:0; width:112px; height:36px; cursor:pointer;}
.userlogo .btn-sub .btn{ width:120px; height:36px; line-height:36px; background-color:#ffa800; text-align:center; font-size:16px; color:#fff; border:none; border-radius:5px; vertical-align:middle; margin-right:12px; display:inline-block; cursor: pointer;}
.userlogo .btn-sub .btn.disable {background-color: #eee;color: #fff;cursor: default;}


/* user setting --ending-- */